.main {
  width: 100%;height:40px;display: flex; align-items: center;
  cursor: pointer;padding-left: 10px;
  &:hover{
    background:#c1d3f4;
  }
  .img {
    width: 30px;
    flex-basis: 30px;
    height: 30px;
    border-radius: 50%;
    img {
      width: 30px;
      height: 30px;
      border-radius: 50%;
    }
  }
  .name{
    flex-basis: calc(100% - 70px);
    padding:0 5px;
  }
  .num{
    width:30px;height:30px;display: flex;
    justify-content: center;align-items: center;
    span{
      display: inline-block;background:red;color:#fff;border-radius: 50%;
      min-width: 16px;font-size: 12px;line-height: 16px;height:16px;text-align: center;
      padding:0 2px;
    }
  }
}